<!DOCTYPE html>
<html>
    <head>
        <script src="js/vue.js"></script>
    </head>
    <body>
        <div id="app">
            <my-parent v-bind:name="title"></my-parent>
        </div>
        <script>
            Vue.component('my-parent',{
                props :['name'],
                template:'<div> 我是由父组件传递来的属性值 {{name}} </div>'
            });

            var vm = new Vue({
                el:'#app',
                data :{
                    title : '我是vm实例中定义的title'
                }
            });
        </script>
    </body>
</html>